@login-label-width:60%;
@login-label-pair-height:34px;

.login-wrapper{
   width:100%;

  >.login-container{
    width:500px;
    margin:10% auto;
    background-color: #aacdf2;
    border:2px solid #357ebd;
    border-radius: 8%;
    padding:25px;
    display: block;
    overflow: auto;

    .login-header{
      font-size:28px;
      font-weight:bold;
      padding-bottom: 15px;
    }
    .input-pair {
      height: @login-label-pair-height;
      line-height: @login-label-pair-height;
      margin:10px 0;
      .login-label{
        width: @login-label-width;
        font-weight: bold;
        float:left;

        font-size:16px

      }
      .login-input {
        height:@login-label-pair-height;
        border:2px solid #357ebd;
        border-radius: 8%;
        width:~"calc(80% - @{login-label-width:})";
        float:left;
        padding:5px;



      }
    }

    .login-buttons{
      width:100%;

      .login-button-submit{
        float:right;
        width:80px;
        background: #357ebd;
        font-weight: bold;
        border: 2px solid #ACABAB;
        text-align: center;
        margin:15px 25px 0 0;
        color:#F5F5F5;
      }
    }
  }

}